<div id="processDashboardPerspectiveCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/process_dashboard_perspective1.png" alt="">

            <div class="carousel-caption">
                <h4>Process Dashboard</h4>

                <p>Keep informed about the performance of your processes with the multiple indicators available on top of the process engine.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/process_dashboard_perspective2.png" alt="">

            <div class="carousel-caption">
                <h4>Filter and drill-down</h4>

                <p>You can click on the different indicators to go straight to the target information about the process instances and tasks.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/process_dashboard_perspective3.png" alt="">

            <div class="carousel-caption">
                <h4>Detailed information</h4>

                <p>Click on any report table to see the details of a concrete process instance or task.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/process_dashboard_perspective4.png" alt="">

            <div class="carousel-caption">
                <h4>Tabular Reports</h4>

                <p>You can design table reports and export them to Excel or CSV files.</p>
            </div>
        </div>
    </div>
    <a class="left carousel-control" href="#processDashboardPerspectiveCarousel" data-slide="prev">&lsaquo;</a>
    <a class="right carousel-control" href="#processDashboardPerspectiveCarousel" data-slide="next">&rsaquo;</a>
</div>